﻿/* CSS Document  'Lucida Grande',Verdana,Tahoma/Arial,Helvetica,Sans-Serif/Verdana,Tahoma,Arial,Helvetica,sans-serif*/
body{padding:0;margin:0;font-family: 'Lucida Grande',Verdana,Tahoma;font-size: 12px;font-style: normal;font-weight: normal;}
.error{margin: 10px;padding-left: 15px;color:Red;}
.pading3{padding: 10px 0 10px 5px;}
.linehieght{line-height: 18px !important;}
.hidden { display: none; }
.unhidden { display: block; }
/*end css all*/

a{font-size:12px;}	
	
.left{float:left;}
.right{float:right;}
.l-margin-icon{margin-left: 40px;}

.all{margin: 0;padding: 0;width: 100%;min-width:1100px;}

.left-c{float: left;height: auto;width: 200px;min-height:630px;}
.left-logo{    background-color: #0072C6;
    border: 1px solid #0072c6;
    display: table-cell;
    height: 128px;
    position: inherit;
    text-align: center;
    vertical-align: middle;
    width: 198px;}
.left-menu{overflow: hidden;position: inherit;background-color:#E7EBF2;}
.left-menu .lm-r{top:0;}
.left-menu .lm-t{border-bottom: 1px solid #CCCCCC;height: 100%;position: relative;width: 200px;overflow-y: hidden;}
.left-menu .lm-t:hover{overflow-y: auto;}

.right-c{min-height: 630px;width: auto;height:auto;}
.right-menu{height: 32px;position: inherit;border-bottom: 1px solid #CCCCCC;}  
.right-content{overflow: hidden;position: inherit;}  
.right-content .rc-b{height: 100%;position: relative;overflow-y: auto;}
 


/*df menu */
.rmn-r{padding-right:0}
.rmn-r ul{padding:0;margin:0;}
.rmn-r ul li{border-left: 1px solid #CCCCCC;display: block;float: left;}
.rmn-r ul li:hover{background-color:#ccc;cursor:pointer;}
.rmn-r ul li a{height: 32px;line-height: 32px;padding: 0;width: 32px;display: block; float: left; text-decoration: none; }

/*.rmn-r ul li a.HyperLinkLogin{background-position: -40px 0;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;}*/
.rmn-r ul li a.HyperLinkLogOut{background-position: -6px -6px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;}
.rmn-r ul li a.HyperLinkUser{background-position: -32px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;}
.rmn-r ul li a.HyperLinkWarning{background-position: -43px -6px;background-image: url("../img/iphone-icons-small.png");background-repeat: no-repeat;}


/*Content*/
.catology-metro{font-weight: 400;height: 35px;line-height: 38px;padding: 5px 15px;color:#df6a00;}
.catology-metro-line{border-bottom: 1px solid #CCCCCC;display: block;float: left;height: 30px;width: auto;}
.pading-metro{padding: 0 0 0 15px;}
/* end content */


/*Block*/
.importcontent{width:inherit;padding:0 15px;}

.block-small {border: 1px solid #CFCFCF;padding: 15px;width: 370px;border-radius: 4px;display: inline-block;float:left;margin-right: 10px;margin-bottom:10px;}
.block-small .bs-header{border-bottom: 1px dashed #CFCFCF;font-size: 1.4em;padding-bottom: 8px;}
.block-small .bs-footer{border-top: 1px dashed #CFCFCF;padding-top: 8px;}
    
.block-large{display: inline-block;width: 100%;}
.block-large .bs-header{border-bottom: 1px dashed #CFCFCF;font-size: 1.4em;margin: 5px 0 0 25px;}
.block-large .reason{
    display: inline;
    height: 34px;padding-left:10px;}

.block-auto {border: 1px solid #CFCFCF;padding: 15px;width: auto;border-radius: 4px;display: inline-block;float:left;}
.block-auto .bs-header{border-bottom: 1px dashed #CFCFCF;font-size: 1.4em;padding-bottom: 8px;}
.block-auto .bs-header-1{border-bottom: 1px dashed #CFCFCF;font-size: 1.4em;padding-bottom: 8px;height:48px;}
.block-auto .bsd-header {line-height: 30px;}
.block-auto .bs-footer{border-top: 1px dashed #CFCFCF;padding-top: 8px;}

.settingrow-l {clear: left;line-height: 17px;}
.settingrow {clear: left;line-height: 32px;}
.settingrow-17{line-height: 17px !important;}



/*Menu left*/
#m-menu{width: 200px;float:left;}
#m-menu ul{list-style-type:none;margin:0;padding:0;}
#m-menu li{display: inline;/* for IE5 and IE6 */}
#m-menu a
{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:600;border-bottom: 1px solid #c3cddd;color: #838383;display: block;font-size: 13px;padding: 10px 0 10px 13px;text-decoration: none;width: 186px;border-top: 1px solid #fff;}
#m-menu a:link, #m-menu a:visited{color: #838383;text-decoration: none;}
#m-menu a:hover{border-left: 5px solid #ec513f;padding-left:8px !important;width: 187px;
                
                border-bottom: 1px solid #C3CDDD;}
#m-menu ul li a.current{border-left: 5px solid #ec513f;background-color: #FFFFFF; padding-left:8px !important;width: 187px;color:#000;}
#m-menu .img-menu{float: right;padding-right: 12px;position: inherit;margin-top: -4px;}
.pading4{}
/*END Menu left*/